@charset "utf-8";
.w1200{width: 1200px;margin: 0 auto;overflow: hidden;}
.w1018{width: 1018px;margin: 0 auto;overflow: hidden;}
.top{height: 80px;overflow: visible;}
.top .logo{display: block;width: 368px;height: 61px;float: left;margin-top:10px;background: url(../images/logo.png) 0 0 no-repeat; float: left;}
.nav{width: auto;height: 38px;float: right;position: relative;margin-top: 22px;}
.nav li{float: left;width: 107px;}
.nav li a{color: #333;text-decoration: none;}
.nav li .a1{display: block;width: 100%;height: 38px;position: relative;text-align: center;background: url(../images/navbd.png) 94px center no-repeat;line-height: 38px;}
.subnav{position: absolute;width: 175px;overflow: hidden;height: auto;background-color: #fff;display: none;}
.subnav a{display: block;width: 100%;height: 41px;line-height: 41px;text-indent: 10px;color: #3277ae;}
.subnav a:hover{background-color: #3277ae;color: #fff;}
.nav li:hover .subnav{display: block;z-index: 10;}
.nav li:hover .a1{background: #3277ae url(../images/navbdh.png) 94px center no-repeat;color: #fff;}
.nav li .a3{display: block;width: 100%;height: 38px;position: relative;text-align: center;line-height: 38px;}
.nav li:hover .a3{background: #3277ae;color: #fff;}

.bannerprev{display: block;width:86px;height: 86px;background: url(../images/bannerprev.png) 0 0 no-repeat;position: absolute;left: 50%;margin-left: -819px;z-index: 99;top: 50%}
.bannernext{display: block;width:86px;height: 86px;background: url(../images/bannernext.png) 0 0 no-repeat;position: absolute;left: 50%;margin-left: 735px;z-index: 99;top: 50%}
.banner{height: 758px;position: relative;overflow: hidden;}
.banner .pic{ height:758px;overflow: hidden;}
.banner .pic li{float: left;height:758px;width: 100%; position: absolute;left: 0;top: 0;z-index: 1; background-position: center 0;background-repeat: no-repeat;}

.box1{height: 700px;overflow: hidden;}
.box1-title{height: 75px;width: 100%;overflow: hidden;box-sizing: border-box;padding-left: 15px;padding-right: 57px;margin-top: 66px;}
.box1-title .left{width: 400px;float: left;height: 100%;}
.box1-title .left h1{display: block;width: 100%;height: 37px;line-height: 37px;font-size: 30px;color: #666666;}
.box1-title .left h1 font{color: #3277ae;}
.box1-title .left span{color: #000;font-size:26px;font-weight: bold;}
.box1-title .right{width: 108px;float: right;text-align: right;overflow: hidden;}
.box1-title .right a{display: block;text-decoration: none;}
.box1-title .right .a1{color: #e60113;font-size: 16px;margin-top: 17px;}
.box1-title .right .a2{color: #666666;font-size: 16px;}
.prodnav{width: 100%;height: 56px;justify-content: space-between;margin-top: 35px;display: flex;box-sizing: border-box;padding-left: 17px;padding-right: 63px;}
.prodnav a{color: #000;font-size: 16px;text-decoration: none;height: 55px;line-height: 55px;}
.prodnav .s{color: #1257ac;border-bottom: 1px solid #1257ac;}
.prodbox{width: 100%;height: 380px;overflow: hidden;}
.prodleft{width: 1144px;float: left;height: 380px;}
.prodleftli{width: 100%;height: 380px;overflow: hidden;position: relative;display: none;}
.prodlist{width: 1600px;height: 380px;position: absolute;top: 0;left: 0;margin-top:40px;}
.prodlist li{width: 283px;height: 380px;float: left;margin-right: 8px;overflow: hidden;}
.prodlist li a{text-decoration: none;}
.prodlist li img{width: 284px;height: 284px;}
.prodlist li h1{display: block;width: 100%;height: 23px;line-height: 23px;margin-top: 10px;font-size: 16px;color: #000;}
.prodlist li span{display: block;width: 100%;height: 22px;line-height: 22px;color:#808080;font-size: 14px;}
.prodlist li:hover h1{color: #1257ac;}
.prodright{width: 50px;height: 380px;float: right;}
.prodright a{display: block;width: 27px;height: 52px;background: url(../images/prodbtn.png) 0 0 no-repeat;margin-top: 150px;margin-left: 11px;}
.box1-cont{width: 100%;height: 496px;overflow: hidden;margin-top: 42px;position: relative;}
.box1left{width: 75px;height: 148px;display: block;position: absolute;left: 0;top: 175px;background: url(../images/box1left.jpg) 0 0 no-repeat;}
.box1right{width: 75px;height: 148px;display: block;position: absolute;right: 0;top: 175px;background: url(../images/box1right.jpg) 0 0 no-repeat;}
.box2{height: 491px;background: url(../images/box2.jpg) center 0 no-repeat;}
.box2-content{width: 100%;height: 382px;overflow: hidden;}
.box2-content .left{width: 488px;margin-left: 30px;overflow: hidden;}
.box2-content .left h1{width: 100%;height: 41px;line-height: 41px;font-size: 30px;color: #fff;margin-top: 46px;}
.box2-content .left h2{width: 100%;height: 43px;line-height: 43px;font-size: 26px;font-weight: bold;color: #fff}
.box2-content .left span{display: block;width: 100%;line-height: 27px;margin-top: 12px;color: #fff;}
.box2-content .left a{text-decoration: none;color: #fff;border:1px solid #fff;width: 107px;height: 36px;font-size: 16px;display: block;text-align: center;line-height: 36px;margin-top: 12px;}
.box2-title{width: 100%;height: 200px;overflow: hidden;margin-top: 60px}
.box2-title h1{display: block;width: 100%;height: 47px;line-height: 47px;text-align: center;color: #fff;font-size: 40px;font-weight: bold;}
.box2-title h2{display: block;width: 100%;height: 42px;line-height: 42px;text-align: center;color: #fff;font-size:30px;font-weight: bold;}
.box2-title span{display: block;width: 100%;line-height: 15px;margin-top: 22px;color: #fff;text-align: center;}
.box2-title a{display: block;width: 95px;height: 28px;border:1px solid #fff;text-decoration: none;color: #fff;text-align: center;margin: 20px auto 0 auto}
.box2-cont{width: 100%;height: 379px;margin-top: 30px}
.box2-cont .left{width: 600px;height: 379px;float: left;}
.box2-cont .right{width: 600px;height: 379px;float: right;}
.box2-cont .right div{float: left;width: 50%;overflow: hidden;background-color: #2666b2;height: 190px}
.box2-cont .right .img1{background: #2666b2 url(../images/box2pic1.jpg) 0 0 no-repeat}
.box2-cont .right .cont{box-sizing: border-box;padding: 0 25px 0 35px;}
.box2-cont .right .cont h1{display: block;width: 100%;height: 31px;line-height: 31px;margin-top: 28px;color: #fff;font-size: 22px;}
.box2-cont .right .cont span{display: block;color: #FFFFFF;line-height: 19px;margin-top: 11px}
.box2-cont .right .img2{height: 180px;background: #2666b2 url(../images/box2pic2.jpg) 0 0 no-repeat}
.box2-icon{width: 100%;height: 109px;overflow: hidden;}
.box2-icon li{width: 168px;margin-right: 20px;float: left;}
.box2-icon li a{text-decoration: none;}
.box2-icon li i{display: block;width: 100%;height: 76px;}
.box2-icon li span{display: block;width: 100%;height: 28px;line-height: 28px;text-align: center;}
.box2-icon li .icon1{background: url(../images/icon1.png) center center no-repeat;}
.box2-icon li .icon2{background: url(../images/icon2.png) center center no-repeat;}
.box2-icon li .icon3{background: url(../images/icon3.png) center center no-repeat;}

.box3{height: 631px;overflow: hidden;background: url(../images/box3.jpg) center 0 no-repeat;}
.box3-title{width: 100%;height: 75px;margin-top: 120px;}
.box3-title h1{display: block;line-height: 35px;height: 35px;font-size: 30px;color: #3277ae;text-align: center;}
.box3-title h1 font{color: #666666;}
.box3-title span{display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 26px;color: #000;font-weight: bold;}
.boxlist3{width: 1300px;height: 340px;box-sizing: border-box;padding-left: 25px;margin-top: 30px;}
.boxlist3 li{width: 319px;height: 327px;float: left;margin-right: 102px;box-sizing:border-box;padding: 0 22px;transition:0.5s;}
.boxlist3 li:hover{box-shadow:0px 4px 8px #cccccc;background:white;}
.boxlist3 li i{display: block;width: 100%;height: 194px;}
.boxlist3 li h1{display: block;width: 100%;height: 34px;line-height: 34px;font-size: 20px;font-weight: bold;}
.boxlist3 li span{display: block;width: 100%;line-height: 28px;margin-top: 5px;font-size: 16px;}
.boxlist3 li .icon4{background: url(../images/icon4.png) center center no-repeat;}
.boxlist3 li .icon5{background: url(../images/icon5.png) center center no-repeat;}
.boxlist3 li .icon6{background: url(../images/icon6.png) center center no-repeat;}
.box4{height: 731px;overflow: hidden;background: url(../images/box4.jpg) center 0 no-repeat;}
.box4-title{height: 75px;width: 100%;overflow: hidden;box-sizing: border-box;padding-left: 15px;padding-right: 57px;margin-top: 66px;}
.box4-title .left{width: 400px;float: left;height: 100%;}
.box4-title .left h1{display: block;width: 100%;height: 37px;line-height: 37px;font-size: 30px;color: #fff;}
.box4-title .left h1 font{color: #fff;}
.box4-title .left span{color: #fff;font-size:26px;font-weight: bold;}
.box4-title .right{width: 108px;float: right;text-align: right;overflow: hidden;}
.box4-title .right a{display: block;text-decoration: none;}
.box4-title .right .a1{color: #fff;font-size: 16px;margin-top: 17px;}
.box4-title .right .a2{color: #fff;font-size: 16px;}
.newslist{width: 100%;height: auto;overflow: hidden;margin-top: 40px}
.newslist li{width: 587px;height: 90px;box-sizing: border-box;padding: 14px 32px 0 14px;background: rgba(255,255,255,0.7);margin-bottom: 14px;transition:0.5s;}
.newslist li:hover{background: rgba(255,255,255,1);}
.newslist li .hang1{width: 100%;overflow: hidden;line-height: 33px;color: #000;font-size: 20px;}
.newslist li .hang1 h1,.newslist li .hang1 span{color: #000;font-size: 20px;line-height: 33px;}
.newslist li a{display: block;text-decoration: none;color: #333}
.newslist li h1{display: block;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;float: left;width: 460px;}
.newslist li span{display: block;line-height: 25px;
overflow: hidden;font-size: 12px;float: right;}
.newslist li:nth-child(odd){float: left;}
.newslist li:nth-child(even){float: right;}



.box5{height: 395px;overflow: hidden;background: url(../images/box5.jpg) center 0 no-repeat;}
.piclist2{width: 1200px;height: 130px;overflow: hidden;margin-top: 25px;display: flex;justify-content: space-between;}
.piclist2 li{width: auto;height: auto;float: left;margin-right: 12px}
.piclist2 li img{width: 100%;height: 100%}

.bottom{height: 245px;overflow: hidden;background: url(../images/bottom.jpg) center 0 no-repeat;}
.btnav{width: 100%;height: 65px;line-height: 65px;text-align: center;border-bottom: 1px solid #3a3a3a;}
.btnav a{display: inline-block;font-size: 16px;color: #fff;margin:  0 30px;}
.btlogo{width: 413px;height: 178px;margin-left: 200px;background: url(../images/btlogo.png) 0 57px no-repeat;float: left;}
.btcont{width: 500px;height: 178px;box-sizing: border-box;padding-top: 26px;line-height: 32px;color: #999999;font-size: 16px;float: left;}
.footer{width: 100%;height: 60px;line-height: 40px;text-align: center;font-size: 16px;color: #686868;background-color: #3a3a3a;display: flex;flex-flow: column;justify-content: center;}
.bah{    line-height: 1;font-size: 14px;}

.page{padding-bottom: 20px;height: auto;overflow: hidden;}
.page-main{min-height: 700px;overflow: hidden;}
.pagebanner{height: 329px;overflow: hidden;}
.pagebanner1{background:url(../images/pagebanner1.jpg) center 0 no-repeat;}
.pagebanner2{background:url(../images/pagebanner2.jpg) center 0 no-repeat;}
.pagebanner3{background:url(../images/pagebanner3.jpg) center 0 no-repeat;}
.pagebanner4{background:url(../images/pagebanner4.jpg) center 0 no-repeat;}
.pagebanner5{background:url(../images/pagebanner5.jpg) center 0 no-repeat;}

.pagenav{width: 1210px;height: 36px;margin-top: 294px;display: flex;}
.pagenav a{display: block;width: 109px;height: 36px;margin-right: 12px;background-color: #1259ad;border-top-left-radius: 4px;border-top-right-radius: 4px;text-align: center;line-height: 36px;text-decoration: none;color: #fff;margin-right: 10px;}
.pagenav a:hover{background-color: #fff;color: #1259ad;}
.page-title{width: 100%;height: 62px;line-height: 62px;margin-top: 34px;text-align: center;font-size: 36px;margin-top: 34px;}
.pagecontent{width: 100%;height: auto;overflow: hidden;font-size: 14px;color: #333;line-height: 28px;box-sizing: border-box;padding:0 20px}
.pagecontent img{
    max-width: 370px;
    margin: 10px 30px;
}
.newslist2{width: 100%;height: auto;overflow: hidden;margin-top: 40px}
.newslist2 li{width: 587px;height: 90px;box-sizing: border-box;padding: 14px 32px 0 14px;background: rgba(255,255,255,0.7);margin-bottom: 14px;background-color: #f7f7f7;}
.newslist2 li:hover{background: rgba(255,255,255,1);}
.newslist2 li .hang1{width: 100%;overflow: hidden;line-height: 33px;color: #000;font-size: 20px;}
.newslist2 li .hang1 h1,.newslist li .hang1 span{color: #000;font-size: 20px;line-height: 33px;}
.newslist2 li a{display: block;text-decoration: none;color: #333}
.newslist2 li h1{display: block;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;float: left;width: 460px;}
.newslist2 li span{display: block;line-height: 25px;
overflow: hidden;font-size: 12px;float: right;}
.newslist2 li:nth-child(odd){float: left;}
.newslist2 li:nth-child(even){float: right;}


.newspage{width:100%;float:left;min-height:500px;}
.newshow-top{text-align:center;width:100%;height:auto;overflow:hidden;float:left;}
.newshow-top h1{font-size:24px;margin-top:18px;height:auto;display:block;width:100%;line-height:30px;float:left;color:#333333}
.newshow-top span{font-size:12px;color:#888888;line-height:26px;display:block;float:left;width:100%;margin-top:3px;margin-bottom:10px}
.fengexian1{border-bottom:1px solid #ebebeb;float:left;width:100%;}
.newshow-ct{padding-bottom:27px;color:#555555;float:left;margin-left:15px;margin-right:10px;padding-top:15px;overflow:hidden;}
.newshow-bot{width:100%;position:relative;margin-bottom:5px;float:left;overflow:hidden;margin-top:10px;margin-bottom:10px;}
.newshow-bot span{color:#666666;font-size:13px;display:block;width:550px;margin-top:3px;line-height:20px;margin-left: 15px;}
.newshow-bot span a{color:#666666;text-decoration:none;}
.newshow-bot span a:hover{color:#407aee;}


.prodlist2{width: 1230px;height: auto;overflow: hidden;margin-top: 39px}
.prodlist2 li{width:286px;height: 340px;float: left;margin-right: 18px;overflow: hidden;margin-bottom:18px;position: relative;border: 1px solid #f8f8f8}
.prodlist2 li a{text-decoration: none;color: #333;display: block;width: 100%;height:100%}
.prodlist2 li img{width: 100%;height: 284px}
.prodlist2 li span{display: block;width: 100%;height: 52px;line-height: 52px;text-align: center;color: #666666;font-size: 16px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}

.prodpage{width: 1200px;min-height: 403px;background-color: #f6f6f6;border-radius: 5px;}
.prodpage-cont{width: 100%;height: auto;overflow: hidden;}
.prodpage .left{width: 372px;float: left;margin-left: 47px;height: 372px;margin-top: 54px}
.prodpage .left img{width: 372px;height: 372px}
.prodpage .right{width: 511px;float: right;margin-right: 180px;margin-top: 54px;}
.prodpage .right h1{display: block;width: 100%;line-height: 50px;color: #407aee;font-size: 24px;}
.prodpage .right span{display: block;width: 100%;line-height: 29px;margin-top: 10px;color: #686868}
.prodcontent{width: 1082px;height: auto;padding-bottom: 20px;margin-left: 47px;overflow: hidden;margin-top: 30PX;}
.pageindex{text-align: center;line-height: 50px;width: 100%;overflow: hidden;}

.page-subtitle{width: 100%;line-height: 28px;margin-top: 33px;text-align: center;}
.fixed{
    position: fixed;
    top: 750px;
    right: 0;
    text-align: center;
    z-index: 999;
    background: white;
}
.fixed img{
    max-width: 108px;
    padding: 5px;
}
.fixed p{
    margin: 0;
}

.fixed-txt{
    position: fixed;
    top: 100px;
    right: 1px;
    width: 60px;
    padding: 15px 10px 8px 10px;
    text-align: center;
    background: #3277ae;
    color: #fff;
    font-size: 22px;
    z-index: 999;
}
.fixed-txt ul li{
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
}
.fixed-txt ul li span{
    display: none;
    position: absolute;
    top: 40%;
    left: -155px;
    color: #000;
    font-size: 16px;
    padding: 10px 20px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.fixed-txt ul li:nth-child(1){
    padding-top: 30px;
    background: url(../images/f-icon1.png) top center no-repeat;
}
.fixed-txt ul li:nth-child(2){
    padding-top: 30px;
    background: url(../images/f-icon2.png) top center no-repeat;
}
.fixed-txt ul li:nth-child(3){
    padding-top: 30px;
    background: url(../images/f-icon3.png) top center no-repeat;
}
.fixed-txt ul li:nth-child(4){
    margin: 0;
}
.fixed-txt ul li img{
    width: 100%;
}
#chat_div_main,
#cinv_dialogtool,
#ttkefuico,
#ttkefu_minwindow_min,
#ttkefuminidialogtitle{
    display: none;
}
#tt_tb_inner_content .tt_tb_direct_talking_item:nth-child(2){
    display: none;
}
#ico_ttkefu_copyright{
    display: none;
}